<template>
    <div>XR叶不羞</div>
    {{ text }}
    <div v-html="htmlText"></div>
    <div v-html="htmlText1"></div>
    <div v-html="htmlText2"></div>
    <div v-html="htmlText3"></div>

    <div>
    <p>v-if,v-else-if, v-else, v-show</p>
    <p>num: {{ num }}</p>
    <button @click="num = 1">num变为1</button>
    <button @click="num = 2">num变为2</button>
    <button @click="num = 3">num变为3</button>
    <p v-if="num == 1">num现在是1</p>
    <p v-else-if="num == 2">num现在是2</p>
    <p v-else>num现在不是1也不是2</p>
    <p v-show="num == 1">num现在是1 - v-show写法</p>
  </div>
<p v-for="iem,inex in add" >iem:{{ iem }} inex:{{ inex }}</p>
<p v-for="y,inex,value in add1" >y:{{ y }} inex:{{ inex }}value:{{value}} </p>

<img v-bind:src="imageSrc" alt="">
<button v-on:click="emitImge">荣耀</button>


<img  :src="dd">



<div>
    input
    <el-input v-model="inputValue"/>
    inputValue的值是:{{ inputValue }}
</div>
radio
<div><el-radio-group v-model="radio">
<el-radio value="1" size="large">Option1</el-radio>
<el-radio value="2">Option2</el-radio>

</el-radio-group></div>
radio的值是{{ radio }}  
</template>

<script setup>


import png1 from './images/OIP-2C.jpg'
import png2 from './images/OIP-3C.jpg'
import png3 from './images/OIP-4C.jpg'
import png4 from './images/OIP-5C.jpg'
import png5 from './images/OIP-6C.jpg'
import { ref } from 'vue'
const addimg = [png1, png2, png3, png4, png5]; 
var i = 0;
const num = ref(1)
const text = ref ("西风吹老洞庭波，")
const htmlText = ref('<span>十年霸图，一如既往</span>')
const htmlText1 = ref('要肩负起薇草的未来啊！英杰')
const htmlText2 = ref('夜雨声烦，剑定天下')
const htmlText3 = ref('子弹所及之处，周泽楷既是规则')

const imageSrc = "https://ts1.cn.mm.bing.net/th/id/R-C.cb12eaad07dabf830bff852630645a08?rik=6PPESy1sa2p%2fGg&riu=http%3a%2f%2fqimg.hxnews.com%2f2018%2f0408%2f1523174109805.jpeg&ehk=WfR6Ya9rwKvOpsaPav1sgtUTM%2fyhy9dqHXn9E0Ux4fM%3d&risl=&pid=ImgRaw&r=0"
const dd = ref('')
function emitAlert(){
    alert('全职高手')
}
function emitImge(){
    dd.value = addimg[i];
    i = i+1;
if(i%5==0)
i=0;



}

const add=ref([
    '斗神','拳皇','魔术师','剑圣','枪王'
])

const add1=ref({
叶修:'斗神',
韩文清:'拳皇',
王杰希:'魔术师',
黄少天:'剑圣',
周泽楷:'枪王'

}

)


const inputValue=ref("");
const radio=ref("");

</script>